<!DOCTYPE html>
<html lang="zh-CN" xmlns:th="http://www.thymeleaf.org">

	<head th:replace="header :: common_header(~{::title},~{::link})">
		<title>秒到2.0商户管理后台</title>
	</head>

	<body class="page-header-fixed page-sidebar-closed-hide-logo page-content-white">
		<div class="page-wrapper">
			<div class="page-header navbar navbar-fixed-top" th:insert="~{index :: navbar-top}">
			</div>
			<div class="clearfix"> </div>
			<div class="page-container">
				<div class="page-sidebar-wrapper" th:insert="~{index :: sidebar}">
				</div>
				<div class="page-content-wrapper">
					<div class="page-content">
						<!--<div class="page-bar">
                        <ul class="page-breadcrumb">
                            <li>
                                <a href="#">首页</a>
                                <i class="fa fa-circle"></i>
                            </li>
                            <li>
                                <a href="#">业务管理</a>
                                <i class="fa fa-circle"></i>
                            </li>
                            <li>
                                <span>代理商管理</span>
                            </li>
                        </ul>
                    </div>-->
						<div class="row">
							<div class="col-md-12">
								<div class="portlet light bordered">
									<div class="portlet-title">
										<div class="caption font-dark">
											<i class="icon-settings font-dark"></i>
											<span class="caption-subject bold uppercase"> 代理商列表</span>
										</div>
									</div>
									<form id="myForm">
										<div class="grid-btn" id="search">
											<div class="form-group col-sm-2">
												<input type="text" class="form-control" name="name" placeholder="代理商名称">
											</div>

											<div id="distpicker1" data-toggle="distpicker">
												<div class="form-group col-sm-2">
													<select class="form-control " name="province"></select>
												</div>
												<div class="form-group col-sm-2">
													<select class="form-control " name="city"></select>
												</div>
											</div>

											<div class="form-group">
												<div class="form-inline">
													<div class="form-group cy-mar-ver-s">
														<span class="cy-pad-hor-s">代理时间</span>
													</div>
													<div class="input-daterange input-group" id="datepicker">
														<input type="text" class="form-control input-small" name="start" id="qBeginTime" />
														<span class="input-group-addon">至</span>
														<input type="text" class="form-control input-small" name="end" id="qEndTime" />
													</div>
												</div>
											</div>
											<div class="form-group col-sm-2">
												<input type="text" class="form-control" name="phone" placeholder="手机号">
											</div>
											<div class="form-group col-sm-2">
												<select name="levelId" class="form-control ">

													<option value="">请选择代理商级别</option>
													<option th:each="levelId:${levelIdList}" th:value="${levelId.id}"> <span>[[${levelId.name}]]</span></option>
												</select>
											</div>

											<div class="form-group col-sm-2 cy-mar-ver-s">
												<input class="btn btn-primary margin-right-10" type="reset" value="重置" />
												<button class="btn btn-primary cy-pad-rgt-s" id="doQuery" type="button">搜索</button>
											</div>
										</div>
									</form>

									<div class="portlet-body">
										<div class="table-toolbar">
											<div class="row">
												<div class="col-md-6"></div>
												<div class="col-md-6">
													<div class="btn-group pull-right">
														<button id="btn_new_role" class="btn sbold green"> 添加代理商
                                                        <i class="fa fa-plus"></i>
                                                    </button>
													</div>
												</div>
											</div>
										</div>
										<span class="help-block text-center"></span>

										<table class="table table-striped table-bordered table-hover table-checkable order-column " style="word-wrap:break-word; width: 1510px;" id="table_role">
											<thead>
												<tr>
													<!--   <th> 序号 </th> -->
													<th style="width: 100px;"> 代理商名称 </th>
													<th style="width: 86px;"> 级别 </th>
													<th style="width: 75px;"> 类型 </th>
													<th style="width: 120px;"> 手机号 </th>
													<th style="width: 80px;"> 省份 </th>
													<th style="width: 80px;"> 城市 </th>

													<th style="width: 100px;"> 开通套数 </th>
													<th style="width: 100px;"> 剩余套数 </th>
													<th style="width: 100px;"> 隶属关系 </th>
													<th style="width: 75px;"> 状态 </th>
													<th style="width: 100px;"> 代理时间 </th>
													<th style="width: 475px;"> 操作 </th>
												</tr>
											</thead>
											<tbody>
											</tbody>
										</table>
									</div>
									
									
				<!-- 转移选择上级代理商-->
				<div class="modal fade change-link" id="" data-backdrop="static" data-keyboard="false">
					<div class="modal-dialog" style="width:1000px">
						<div class="modal-content">
							<div class="modal-header">
								<button type="button" class="close" data-dismiss="modal">
	                            </button>
							</div>
							<div class="modal-body">
								<table class="table" id="table_agent_change">
									<thead>
										<tr>
										<th > 代理商名称 </th>
										<th > 级别 </th>
										<th > 类型 </th>
										<th > 手机号 </th>
										<th > 省份 </th>
										<th > 城市 </th>

										<th > 开通套数 </th>
										<th > 剩余套数 </th>
										<th > 代理时间 </th>
										<th > 操作 </th>
											
										</tr>
									</thead>
								</table>
							</div>

						</div>
					</div>
				</div>
								</div>
							</div>
						</div>
					</div>
				</div>

			</div>
			<div class="page-footer">
				<div class="page-footer-inner"> 2017 &copy; 秒迅科技
				</div>
				<div class="scroll-to-top">
					<i class="icon-arrow-up"></i>
				</div>
			</div>
		</div>
		<!-- 业务js -->
		<script th:src="@{/assets/pages/scripts/agent.js}" type="text/javascript"></script>
		<script type="text/javascript">
			$('#distpicker1').distpicker({
				autoSelect: false
			});
		</script>

	</body>

</html>